<!-- 左侧面板 -->
<template>
  <div class="view-base">
    <!-- 部门待办 -->
    <Agency title="部门待办" :agencyData="departData" />
  </div>
</template>

<script lang="ts" setup>
import Agency from '../agency/index.vue' //待办列表
import { ref } from 'vue'
const departData = ref([]) as any

function init() {
  departData.value = [
    {
      name: '发改委',
      red: '3',
      green: '4',
      yellow: '2',
      id: '1',
      data: [
        {
          status: 'GREEN',
          name: '广州市番禺交通区',
          unit: '广州市发改委',
          supervise: '确认建设进度',
          duration: '3'
        },
        {
          status: 'GREEN',
          name: '广州市番禺交通区',
          unit: '广州市发改委',
          supervise: '确认建设进度',
          duration: '3'
        },
        {
          status: 'RED',
          name: '广州市番禺交通区',
          unit: '广州市发改委',
          supervise: '确认建设进度',
          duration: '3'
        },
        {
          status: 'RED',
          name: '广州市番禺交通区',
          unit: '广州市发改委',
          supervise: '确认建设进度',
          duration: '3'
        },
        {
          status: 'YELLOW',
          name: '广州市番禺交通区',
          unit: '广州市发改委',
          supervise: '确认建设进度',
          duration: '3'
        },
        {
          status: 'YELLOW',
          name: '广州市番禺交通区',
          unit: '广州市发改委',
          supervise: '确认建设进度',
          duration: '3'
        },
        {
          status: 'RED',
          name: '广州市番禺交通区',
          unit: '广州市发改委',
          supervise: '确认建设进度',
          duration: '3'
        }
      ]
    },
    {
      name: '工信局',
      red: '3',
      green: '4',
      yellow: '2',
      id: '2'
    },
    {
      name: '住建局',
      red: '3',
      green: '4',
      yellow: '2',
      id: '3'
    },
    {
      name: '商务局',
      red: '3',
      green: '4',
      yellow: '2',
      id: '4'
    },
    {
      name: '交通局',
      red: '3',
      green: '4',
      yellow: '2',
      id: '5'
    },
    {
      name: '农业局',
      red: '3',
      green: '4',
      yellow: '2',
      id: '6'
    },
    {
      name: '金融局',
      red: '3',
      green: '4',
      yellow: '2',
      id: '7'
    },
    {
      name: '文旅局',
      red: '3',
      green: '4',
      yellow: '2',
      id: '8'
    },
    {
      name: '科技局',
      red: '3',
      green: '4',
      yellow: '2',
      id: '9'
    }
  ]
}

init()
</script>
<style lang="scss" scoped>
.view-base {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
</style>
